	
.supplier-pad {
	box-sizing: border-box;
	padding-top: 152upx;
	display: flex;
	flex-direction: column;
	align-items: center;
	.login {
		width: 246upx;
		height: 80upx;
		border-radius: 60upx;
		background-color: #023F92;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 30upx;
		color: #FFFFFF;
		margin-top: 66upx;
	}
}
.load-em {
	>view {
		margin-bottom: 60upx;
	}
}
.product-box {
	width: 100%;
	>.scroll-cont {
		width: 100%;
		height: calc(100vh - 640upx);
		box-sizing: border-box;
		padding-top: 20upx;
		display: flex;
		>.rights {
			flex: 1;
			height: 100%;
			box-sizing: border-box;
			padding: 0 30upx 150upx 22upx;
			.emptyds {
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.scroll-views {
				height: 100%;
			}
			.product {
				display: flex;
				margin-bottom: 60upx;
				>image {
					width: 180upx;
					height: 180upx;
					border-radius: 10upx;
					flex-shrink: 0;
					background-color: #F0F0F0;
					margin-right: 22upx;
				}
				>view {
					flex: 1;
					.names {
						font-size: 32upx;
						color: #333333;
						line-height: 42upx;
						font-weight: 600;
						white-space: nowrap; //禁止换行
						overflow: hidden;
						text-overflow: ellipsis;
						margin-bottom: 10upx;
					}
					.des {
						font-size: 24upx;
						color: #9E9E9E;
						line-height: 34upx;
						display: -webkit-box;
						  -webkit-box-orient: vertical;
						  -webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
						  overflow: hidden;
						  text-overflow: ellipsis;
					}
					.btns {
						display: flex;
						margin-top: 28upx;
						align-items: center;
						justify-content: space-between;
						>.prices {
							font-size: 30upx;
							font-weight: 500;
							color: #DC0000;
							>text {
								font-size: 24upx;
							}
						}
						>text {
							width: 110upx;
							height: 41upx;
							display: flex;
							align-items: center;
							justify-content: center;
							border: 1px solid #023F92;
							color: #023F92;
							font-size: 22upx;
							border-radius: 20upx;
						}
					}
					.coupon {
						font-size: 20upx;
						color: #ED0900;
						height: 36upx;
						line-height: 33upx;
						display: inline-block;
						margin-top: 12upx;
						box-sizing: border-box;
						padding: 0 12upx;
						border: 1px solid #ED0900;
						border-radius: 8upx;
					}
				}
			}
		}
		>.left {
			height: 100%;
			width: 180upx;
			box-sizing: border-box;
			padding-bottom: 150upx;
			background-color: #EEEEEE;
			.scroll-views {
				height: 100%;
			}
			.tab-men {
				height: 80upx;
				width: 100%;
				display: flex;
				align-items: center;
				font-size: 24upx;
				color: #858585;
				box-sizing: border-box;
				padding: 0 10upx 0 32upx;
			}
			.actives {
				background-color: #fff !important;
				color: #333333 !important;
			}
		}
	}
	>.pro-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 0 32upx 8upx 32upx;
		>view:nth-of-type(1) {
			font-size: 32upx;
			color: #333333;
			font-weight: 600;
			height: 50upx;
			position: relative;
		}
		>view:nth-of-type(1)::before {
			content: '';
			position: absolute;
			width: 40upx;
			height: 8upx;
			background-color: #EA5312;
			left: 0;
			bottom: 0;
		}
		.hot-rig {
			display: flex;
			align-items: center;
			input {
				flex: 1;
				background-color: #f7f7f7;
				font-size: 24upx;
				height: 50upx;
				border-radius: 10upx;
				box-sizing: border-box;
				padding: 0 15upx;
				margin-right: 15upx;
			}
		}
		.hots {
			width: 172upx;
			height: 50upx;
			position: relative;
			>image {
				width: 100%;
				height: 100%;
				position: relative;
				z-index: 2;
			}
			>view {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 4;
				display: flex;
				align-items: center;
				box-sizing: border-box;
				padding: 0 18upx;
				>text {
					font-size: 24upx;
					color: #333333;
					display: inline-block;
					height: 100%;
					line-height: 50upx;
				}
				>text:nth-of-type(2) {
					color: #F3EAD0;
					margin-left: 38upx;
				}
				.activesd {
					color: #333333 !important;
				}
				.no_ac {
					color: #F3EAD0 !important;
				}
			}
		}
	}
}
.logos {
	width: 160upx;
	height: 40upx;
}
.list-box {
	box-sizing: border-box;
	padding-top: 48upx;
	>.list:not(:last-child) {
		margin-bottom: 40upx;
	}
	.add-supplier {
		width: 304upx;
		height: 80upx;
		border-radius: 40upx;
		background-color: #023F92;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 30upx;
		color: #FFFFFF;
		margin: 86upx auto 0 auto;
	}
	>.list {
		display: flex;
		align-items: center;
		justify-content: space-between;
		>view {
			display: flex;
			align-items: center;
			flex-shrink: 0;
			flex: 1;
			min-width: 0;
			>view {
				width: 78upx;
				height: 78upx;
				border-radius: 33upx;
				display: flex;
				align-items: center;
				justify-content: center;
				background-color: #e5ebf4;
				margin-right: 16upx;
				>image {
					width: 43upx;
					height: 40upx;
				}
			}
			>text {
				flex: 1;
				font-size: 30upx;
				color: #333333;
			}
		}
		>image {
			width: 14upx;
			height: 24upx;
			margin-left: 60upx;
		}
	}
}

.banners {
	width: 100%;
	height: 344upx;
	overflow: hidden;
	border-radius: 20upx;
	position: relative;
	background-color: #e3e3e3;
	.covers, swiper {
		height: 100%;
		width: 100%;
		border-radius: 20upx;
	}
}
.clear-top {
	padding-top: 0 !important;
}